// You can directly set the default theme
// - `default` Default theme
// - `dark` Import the official dark less style file
// - `compact` Import the official compact less style file
@import '@delon/theme/theme-default.less';

// ==========The following is the custom theme variable area==========
// The theme paraments can be generated at https://ng-alain.github.io/ng-alain/
// @primary-color: #f50;
@alain-default-header-hg: 52px;
@alain-default-header-bg: #fff;

.alain-default__nav-item, .alain-default__nav nz-badge {
    color: #212529;
}

.alain-default__nav-item_title{
    color: #212529;
}

.alain-default__nav-item:hover {
    color: #212529;
    background-color: rgb(255 255 255 / 20%) !important;
}

@alain-default-aside-bg: #212529;

.alain-default__aside-user-info{
    color: #fff;
}
@alain-default-aside-nav-text-color:#fff;
@alain-default-aside-nav-text-hover-color: #fff;
@alain-default-aside-nav-selected-text-color: #fff;

.sidebar-nav .sidebar-nav__selected{
    color: #fff;
    background: @primary-color
  }

  .sidebar-nav__sub .sidebar-nav__item{
    color: #000000a6;
  }
  
  .sidebar-nav__open > .sidebar-nav__sub {
    background-color: #212529;
  }

  .sidebar-nav__sub .sidebar-nav__item:hover{
    background: rgb(214 26 26 / 4%);
  }
  
  .sidebar-nav__item-link:hover {
    color: #fff;
    background-color: @primary-color
}

.alain-default__nav-item_collapsed{ 
    color: white;

    /**  background-color: aliceblue */
}

.grid-border{
  border: 1px solid #f0f0f0;
}